<!--
 * @Author: 大康
 * @Date: 2021-05-08 18:11:42
 * @LastEditors: 大康
 * @LastEditTime: 2021-05-08 18:37:16
 * @FilePath: /bd-h5-web/src/views/a/index.vue
-->
<template>
  <div>
    <div class="ordersearch" style="z-index: 1001">
      <div class="searchLeft">
        <form action="javascript:return true">
          <van-search
            v-model="value"
            show-action
            placeholder="请输入订单号"
            @search="onSearch"
            @click="showSearch"
          >
            <!-- <div slot="action" @click="onSearch(value)">搜索</div> -->
          </van-search>
        </form>
      </div>
    </div>
    <div style="display:flex;justify-content: space-around;margin-top:100px;">
      <van-button
        type="primary"
        size="large"
        color="#F18D00"
        @click="onSearch(value)"
        class="loginbtn"
        >支付测试</van-button
      >
       <van-button
        type="primary"
        size="large"
        color="#F18D00"
        @click="onSearch(value)"
        class="loginbtn"
        >退款测试</van-button
      >
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import {
  Icon,
  Field,
  Button,
  Image,
  Search,
  Toast,
  List,
  Checkbox,
  SubmitBar,
  Popup,
  Col,
  Row,
  Calendar,
  PullRefresh,
  Tab,
  Tabs,
} from "vant";
Vue.use(Icon);
Vue.use(Field);
Vue.use(Button);
Vue.use(Image);
Vue.use(Search);
Vue.use(Toast);
Vue.use(List);
Vue.use(Checkbox);
Vue.use(SubmitBar);
Vue.use(Popup);
Vue.use(Col);
Vue.use(Row);
Vue.use(Calendar);
Vue.use(PullRefresh);
Vue.use(Tab);
Vue.use(Tabs);
export default {
  data() {
    return {
      value: "",
    };
  },
  methods: {
    onSearch(val) {
        console.log('输入的值为:','['+ val + ']')
    },
    showSearch() {},
  },
};
</script>

<style scoped>
.loginbtn{
    width: 40%;
    
}
</style>